<?php
require_once('tools/header.php');
?>
<!DOCTYPE html>
<html>
<head>
	<title>Contact</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery.min.js"></script>
	<!-- Custom Theme files -->
	<!--theme-style-->
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!--//theme-style-->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Whizz Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!--flexslider-->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<!--//flexslider-->
</head>
<body>
<!--header-->
<div class="header">
	<div class="container">
		<div class="header-top">
			<div class="top-nav">
				<span class="menu"><img src="images/menu.png" alt=""> </span>
				<ul>
					<li ><a href="index.php" class="color"><i class="glyphicon glyphicon-home"></i>  </a> </li>
					<li><a href="portfolio.php"   class="hvr-bounce-to-top">分类照片</a></li>
<!--					<li ><a href="404.php" class="hvr-bounce-to-top">暂定 </a> </li>-->
					<li><a href="blog.php"  class="hvr-bounce-to-top">博客 </a></li>
					<li><a href="about.php"  class="hvr-bounce-to-top">关于我 </a></li>
					<!--					<li><a href="typo.php"  class="hvr-bounce-to-top">Typo </a></li>-->
					<li><a href="contact.php"  class="hvr-bounce-to-top">联系我 </a></li>
					<div class="clearfix"> </div>
				</ul>
				<!--script-->
				<script>
					$("span.menu").click(function(){
						$(".top-nav ul").slideToggle(500, function(){
						});
					});
				</script>
			</div>
			<div class="search-in" >
<!--				<div class="search" >-->
<!--					<form >-->
<!--						<input type="text"  class="text">-->
<!--						<input type="submit" value="SEARCH">-->
<!--					</form>-->
<!--					<div class="close-in"><img src="images/close.png" alt="" /></div>-->
<!--				</div>-->
<!--				<div class="right"><button> </button></div>-->
			</div>
			<script type="text/javascript">
				$('.search').hide();
				$('button').click(function (){
						$('.search').show();
						$('.text').focus();
					}
				);
				$('.close-in').click(function(){
					$('.search').hide();
				});
			</script>
			<div class="clearfix"> </div>
		</div>
		<div class="logo">
			<a href="index.php"><img src="images/logo.png" alt="">	</a>
		</div>
	</div>
</div>
<!--//header-->
<!--content-->
<div class="contact">
	<div class="container">
		<h1>Contact</h1>
		<div class=" map">
			<iframe src="video/test.mp4" allowfullscreen></iframe>
		</div>
		<div class="contact-grids">
			<div class="contact-form">
				<form method="post" action="tools/doAction.php?action=message">
					<div class="contact-bottom">
						<div class="col-md-4 in-contact">
							<input type="text" placeholder="Name" name="user">
						</div>
						<div class="col-md-4 in-contact">
							<input type="text"  placeholder="Email" name="email">
						</div>
						<div class="col-md-4 in-contact">
							<input type="text" placeholder="Phonenumber" name="phoneNumber">
						</div>
						<div class="clearfix"> </div>
					</div>

					<div class="contact-bottom-top">
						<textarea placeholder="Message" required="" name="messageContext"></textarea>
					</div>
					<input type="submit" value="Send">
				</form>
			</div>
			<div class="address">
				<div class=" address-more">
					<h2>Address</h2>
					<div class="col-md-4 address-grid">
						<i class="glyphicon glyphicon-map-marker"></i>
						<div class="address1">
							<p>Anhui</p>
							<!--								<p>TL 19034-88974</p>-->
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 address-grid ">
						<i class="glyphicon glyphicon-phone"></i>
						<div class="address1">
							<p>+qq1437330892</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 address-grid ">
						<i class="glyphicon glyphicon-envelope"></i>
						<div class="address1">
							<p><a href="mailto:@example.com"> 1437330892@qq.com</a></p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--//content-->
<div class="footer">
	<div class="container">
		<div class="footer-class">
			<div class="col-md-10 class-footer">
				<ul>
					<li ><a href="index.php" >首页</a> </li>
					<li><a href="portfolio.php" >分类照片</a></li>
					<!--						<li ><a href="404.php" >Tours </a> </li>-->
					<li><a href="blog.php" >博客 </a></li>
					<li><a href="about.php" >关于我 </a></li>
					<!--						<li><a href="typo.php" >Typo </a></li>-->
					<li><a href="contact.php" >联系我 </a></li>
					<li><a href="tools/doAction.php?action=checkCookies" >进入后台管理 </a></li>
				</ul>
				<p class="footer-grid">Copyright &copy; 2017.Company name All rights reserved.</p>
			</div>
			<div class="col-md-2">
				<ul class="social">
					<li ><a href="#"><i> </i></a></li>
					<li ><a href="#"><i class="facebook"> </i></a></li>
					<li ><a href="#"><i class="google"> </i></a></li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>

</div>
</body>
</html>